﻿<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>buco Web Client</title>	
	<link rel="stylesheet" href="css/style.css">                
	<link rel="stylesheet" href="css/lib/ui-lightness/jquery-ui-1.8.21.custom.css">  
	<script type="text/javascript" src="js/lib/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/lib/jquery-ui-1.8.21.custom.min.js"></script>
	<script type="text/javascript" src="js/lib/jquery.jsPlumb-1.3.9-all-min.js"></script>
	<script type="text/javascript" src="js/lib/jquery.layout.min.js"></script>		
	<script type="text/javascript" src="js/lib/jquery.jstree.js"></script>
	<script type="text/javascript" src="js/buco.js"></script>		
	<!-- Models --> 
	<script type="text/javascript" src="js/models/JSONRPCProxy.js"></script>	
	<!-- Controllers --> 
	<script type="text/javascript" src="js/controllers/CompositionController.js"></script>	
	<!-- Views --> 
	<script type="text/javascript" src="js/views/BundleCompositionView.js"></script>	
	<script type="text/javascript" src="js/views/BundleView.js"></script>	
	<script type="text/javascript" src="js/views/BundleWireView.js"></script>	
	<script type="text/javascript" src="js/views/SemanticMessagesView.js"></script>	
</head>
<body>

<!-- center stage --> 
<div class="ui-layout-center">
	<!-- AJAX --> 
	<div id="ajaxNotification">
		<img src="images/ajax-loader.gif" alt="" />
	</div>	
	<!-- Composition --> 
	<div id="composition"></div>
</div>

<!-- Toolbar --> 
<div class="ui-layout-north">
	<button class="button" id="newButton" action="composition.new">New Composition</button>
	<button class="button" id="addButton" action="composition.addBundleDialog">Add Bundle</button>
	<button class="button" id="removeButton" action="composition.removeBundle">Remove Bundle</button>
	<button class="button" id="undoButton" action="composition.undo">Undo</button>
	<button class="button" id="redoButton" action="composition.redo">Redo</button>
	<button class="button" id="integrityButton" action="composition.checkIntegrity">Integrity check</button>
	<a class="button" id="exportButton" href="/composition/getExport">Export</a>
	<button class="button" id="importButton" action="composition.importDialog">Import</button>
	<a class="button" id="deployButton" href="/composition/getDeployment">Deploy</a>
</div>

<!-- Properties --> 
<div id="propertyLayout" class="ui-layout-east">	
	<div id="bundleInfo"></div>
	<div class="ui-layout-south">
		<div id="bclView"></div>
	</div>	
</div>

<!-- Output --> 
<div class="ui-layout-south">
	<div id="output"></div>
</div>

<div class="dialog" id="addBundleDialog" title="Add Bundle">
	<p>Please select a JAR file to add to the composition:</p>
	<input type="file" id="jarFileToUpload" />
	<br />
	<button id="uploadJarFileButton">Add Bundle</button> 
</div>

<div class="dialog" id="importDialog" title="Import composition">
	<p>Please select a ZIP file to import:</p>
	<input type="file" id="zipFileToImport" />
	<br />
	<button id="uploadImportFileButton">Import</button> 
</div>

</div>
</div>

</body>
</html>